<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'应急预案 '"
      :secondTitles="['应急预案', '应急预案列表']"
      :slotWidth="[50, 50]"
    >
      <template #left>
        <div class="w-100 h-100">
          <yjyaChart></yjyaChart>
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <yjya_xx_list></yjya_xx_list>
        </div>
      </template>
      <template #left_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="new Date().getFullYear()-1"
          v-model:select-value="left_value"
          :width="150"
        >
        </proSelect>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang='ts'>
import containTemplete from "@/components/project/containTemplete.vue";
import h_normal from "@/components/common/echart/h_nomal.vue";

// import yjya_slfl_tj from './yjya_slfl_tj.vue';
import yjya_xx_list from "./yjya_xx_list.vue";
import yjyaChart from './yjyaChart.vue'
import { useOptions } from "@/hook/useOptions";
const left_value = ref(new Date().getFullYear()-1)
const echartsData = [
  {
    name: "水利工程及河道",
    value: 33,
  },
  {
    name: "道路积水塌陷",
    value: 45,
  },
  {
    name: "地下管线事故",
    value: 65,
  },
  {
    name: "山洪地质灾害",
    value: 87,
  },
  {
    name: "城镇房屋和在建工程",
    value: 120,
  },
];
</script>

<style scoped lang="less" >
</style>